.page-account {

  .header {
    background: url("../../assets/imgs/acount/a-header.jpg") 0 0 no-repeat;
    background-size: 100% 204px;
    padding: 0 30px;
    height: 204px;
    box-sizing: border-box;
    color: #fff;
    .h-left {
      flex: 1;
      display: -webkit-flex;
      align-items: center;
      .info {
        line-height: 40px;
      }
    }

    .avatar {
      width: 110px;
      height: 110px;
      border-radius: 50%;
      border: 6px solid #a4b3e6;
      background: #fff;
      box-sizing: border-box;
      display: -webkit-flex;
      align-items: center;
      justify-content: center;
      margin-right: 10px;
    }

    .avatarImg {
      display: block;
      width: 100%;
      height: 100%;
      color: #366cd9;
    }
  }

  /* 列表 */
  .section {
    flex: 1;
    .a-line-loan {
      background: #fff url("./imgs/img-a-1.png") 30px center no-repeat;
      background-size: 40px 40px;
    }
    .a-line-quota {
      background: #fff url("./imgs/img-a-2.png") 30px center no-repeat;
      background-size: 40px 40px;
    }
    .a-line-bank {
      background: #fff url("./imgs/img-a-3.png") 30px center no-repeat;
      background-size: 40px 40px;
    }
    .a-line-about {
      background: #fff url("./imgs/img-a-4.png") 30px center no-repeat;
      background-size: 40px 40px;
    }
  }

  .footer {
    flex: 1;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    color: #858585;
    a{
      font-size: 28px;
      color: #3E97F3;
      margin-left: 2px;
    }
  }
}
